<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>企业展示</title>

    <!-- 引入头文件 -->
    <include file="claim" />

</head>
<body>
<div class="container">
    
<!-- 引入巨幕文件 -->
<include file="jumbotron" />

<!-- 引入导航文件 -->
<include file="nav" />

<!-- 正文开始 -->
<div class="row clearfix">
    
    <!-- 引入左侧边栏 -->
    <include file="aside" />
    
    <div class="col-md-10 column">
        <form role="form" action="{:U('/admin/company/catedit', array('cat_id'=>$cat['cat_id']))}" method="post">
            <div class="form-group col-md-6">
                 <label for="cat_name">栏目名称</label>
                 <div>
                     <input class="form-control" name="cat_name" id="cat_name" type="text" value="{$cat['cat_name']}" />
                 </div>
                <button type="submit" class="btn btn-default">修改</button>
            </div>
        </form>
    </div>
</div>
<!-- 正文结束 -->

<!-- 引入页脚文件 -->
<include file="footer" />

</div>
</body>
    
<!-- 引入尾文件 -->
<include file="js" />

<!-- 页面独有脚本 -->
<script>
    //检测栏目名称是否为空
    var input = $('#cat_name');
    //输入框失去焦点时检测
    input.blur(function ()
        {
            if (input.prop('value') == '') {
                input.css('borderColor', 'red');
                input.css('boxShadow', '0 0 5px red');
                input.after('<span style="color:red;">栏目名称不能为空！<span>');
                input.focus(function ()
                    {
                        input.css('borderColor', '');
                        input.css('boxShadow', '');
                        $('#cat_name+span').remove();
                    });
            }
        });
    //表单提交时候检测
    $('form:nth-child(1)').submit(function ()
        {
            if (input.prop('value') == '') {
                return false;
            }
        });
</script>

</html>